iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 14
0
自我挑戰組

UI設計師之工具學習指南系列 第 14

【Day14】Sketch篇 : 其它小技巧

  • 分享至 

  • xImage
  •  

常用的快速鍵

  • A : 新建Artboard介面
  • R : 矩形建置
  • O : 圓形建置
  • U : 圓角矩形建置
  • Alt ⌘ C : 複製樣式
  • Alt ⌘ V : 貼上樣式
    複製和貼上樣式可以說是快捷鍵中的經典,透過複製和貼上可以快速把樣式套在另一個物件上

相關文件:

圓角輸入

可以在Radius的數值框中輸入不同的圓角數值,並以分號來區隔
例如輸入: 12;12;0;0 ,等於是 border-radius:12 12 0 0; 的意思

加減乘除

在輸入數值的框裡除了可以輸入完整的數值,還可以直接輸入加減乘除進行數值運算
進行除法的運算:
https://ithelp.ithome.com.tw/upload/images/20200929/20112563xFFFypQOjs.png
直接轉換成運算後的數值:
https://ithelp.ithome.com.tw/upload/images/20200929/20112563P6Xr7OLxaB.png

快速點入深層物件

有時候我們會把我們的物件層層包住,要選到最裡面的物件時總會很花時間
按住 ⌘ 鍵點選物件就可以快速選到裡面的物件了

快速查看物件間距

按住option鍵 移動滑鼠游標到想要知道間距物件上,就可以快速看到間距

調整不完美的像素層

我們有時候不管是物件位置或是大小會有小數點的情形,這時候只要一個鍵就可以讓小數點消失
不完美的像素層:
https://ithelp.ithome.com.tw/upload/images/20200929/20112563KChGNFKdBg.png
點選 Arrange > Round to Pixel
https://ithelp.ithome.com.tw/upload/images/20200929/20112563qKP6ZZ68pk.png
消失的小數點:
https://ithelp.ithome.com.tw/upload/images/20200929/20112563hYToDEkssx.png

相關小技巧分享文章:


上一篇
【Day13】Sketch篇 : Library
下一篇
【Day15】進入Figma篇
系列文
UI設計師之工具學習指南30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言